html,body,.g-canvas{padding:0;margin:0;width:100%;height:100%;font-family: "微软雅黑";color:#333;font-size: 14px;}
ul,li{list-style: none;margin: 0;padding: 0;}
*{box-sizing: border-box;}
.fa{font-weight: 200;font-size: 14px;padding: 5px;}
.selectable{cursor:pointer;}
.selected{stroke-width:3px;}
/*.svg{width:100%;height:calc(100% - 38px);float:left;}*/
.f-rotate{transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);       /* IE 9 */
    -webkit-transform: rotate(-90deg);   /* Safari and Chrome */
    -o-transform: rotate(-90deg);        /* Opera */
    -moz-transform: rotate(-90deg);      /* Firefox */}

/*工具面板*/
.g-head{padding: 0 30px;border-bottom: solid 1px #ddd;}
.g-head .fa{font-size: 22px;padding: 12px;cursor:pointer;}
.u-close{text-align: right;height: 40px;line-height: 40px;background-color: #eee;}
.u-close .fa{font-size: 16px;padding: 12px;cursor: pointer;}

.g-canvas{margin-top: -47px;padding-top: 47px;}
/*工作流面板*/
.m-icon{float: left;overflow-y: auto;width:300px;height:100%;border-right: solid 1px #ddd;}
.m-icon>ul>li{border-bottom: solid 1px #eee;cursor: pointer;}
.m-icon .parent:hover,.m-icon .child li:hover{background-color: #f5f6f6;}
.m-icon .parent{padding: 10px 20px;font-size: 16px;font-weight: 500;}
.m-icon .child li{padding: 7px 20px 7px 40px;}

/*设计器*/
.m-svg{width: auto;overflow: hidden;height: 100%;}
.m-svg .svg{width:100%;height: 100%;overflow: auto;}

/*属性面板*/
.m-property{float: right;width: 300px;height:100%;border-left: solid 1px #ddd;}
.m-property .u-property{width: 100%;border-top: solid 1px #eee;overflow: auto;}
.m-property .u-property .info{padding: 8px;cursor: pointer;}
.m-property .u-property .info:hover{background-color: #f5f6f6;}
.m-property .u-property .info .info-value,.m-property .u-property .info .info-name{display: inline-block;width: 49%;}
.m-property .u-property .info-value input{width: 100%;padding: 2px 10px;height: 24px;}
.m-property .u-property .info .info-name{line-height: 24px;}

